<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <!-- 添加viewportmeta标签元素 -->
    <meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width" />
    <title>专业网上购物平台品质保障！ - 京东商城</title>
    <link rel="stylesheet" type="text/css" href="css/base.css">
    <link rel="stylesheet" type="text/css" href="css/index.css">
    <link rel="stylesheet" type="text/css" href="css/themes/default/jquery.mobile-1.4.5.min.css">
</head>
<body>
    <section data-role="page" id="main">
        <section class="jd-section">
            <header class="section-wrapper">
                <div class="header-home-wrapper ">
                    <div class="jd-search-cover"></div>
                    <div class="js-search-icon">
                        <span class="jd-search-icon-logo">
                             <i class="jd-icon"></i>
                        </span>
                    </div>
                    <form class="jd-search-form">
                        <div class="jd-search-form-box">
                            <span class="jd-search-form-icon jd-sprite-icon"></span>
                            <div class="js-search-form-input">
                                <input type="text" placeholder="夏日畅饮，可口可乐满99减50"/>
                            </div>
                        </div>
                    </form>
                    <div class="jd-login-icon">
                        <a href="#"><span>登录</span></a>
                    </div>
                </div>
                <div>
                    <img style="width: 100%;" src="images/adv.jpg">
                </div>
            </header>
            <article class="section-wrapper">
                <div class="ui-grid-c">
                    <div class="ui-block-a">
                        <div class="jd-nav-item">
                            <div>
                                <img src="images/chaoshi.png">
                            </div>
                            <div style="text-align: center;">
                                <span>京东超市</span>
                            </div>
                        </div>
                    </div>
                    <div class="ui-block-b">
                        <div class="jd-nav-item">
                            <div>
                                <img src="images/jinkou.png">
                            </div>
                            <div style="text-align: center;">
                                <span>全球购</span>
                            </div>
                        </div>
                    </div>
                    <div class="ui-block-c">
                        <div class="jd-nav-item">
                            <div>
                                <img src="images/chongzhi.png">
                            </div>
                            <div style="text-align: center;">
                                <span>充值中心</span>
                            </div>
                        </div>
                    </div>

                    <div class="ui-block-d">
                        <div class="jd-nav-item">
                            <div>
                                <img src="images/shishang.png">
                            </div>
                            <div style="text-align: center;">
                                <span>服装城</span>
                            </div>
                        </div>
                    </div>
                    <div class="ui-block-a">
                        <div class="jd-nav-item">
                            <div>
                                <img src="images/licai.png">
                            </div>
                            <div style="text-align: center;">
                                <span>理财</span>
                            </div>
                        </div>
                    </div>
                    <div class="ui-block-b">
                        <div class="jd-nav-item">
                            <div>
                                <img src="images/juan.png">
                            </div>
                            <div style="text-align: center;">
                                <span>领卷</span>
                            </div>
                        </div>
                    </div>
                    <div class="ui-block-c">
                        <div class="jd-nav-item">
                            <div>
                                <img src="images/wuliu.png">
                            </div>
                            <div style="text-align: center;">
                                <span>物流查询</span>
                            </div>
                        </div>
                    </div>
                    <div class="ui-block-d">
                        <div class="jd-nav-item">
                            <div>
                                <img src="images/guanzhu.png">
                            </div>
                            <div style="text-align: center;">
                                <span>关注</span>
                            </div>
                        </div>
                    </div>
                </div>
            </article>
            <article class="section-wrapper">
                <div class="seckill-floor">
                    <div class="float-left">
                        <span class="clocker-icon"></span>
                        <span class="clocker-title">掌上秒杀</span>
                    </div>
                    <div class="float-right clocker-link">
                        <a href="#"><span>更多秒杀></span></a>
                    </div>
                </div>
                <div class="seckill-pic-grid">
                    <div class="ui-grid-c">
                        <div class="ui-block-a">
                            <div class="seckill-item">
                                <div class="seckill-item-img">
                                    <img src="images/bag.jpg">
                                    <div class="float-hot">
                                        <span>秒大牌</span>
                                    </div>
                                </div>
                                <div class="seckill-item-price">
                                    <span class="seckill-new-price">￥45</span>
                                    <span class="seckill-old-price">￥115</span>
                                </div>
                            </div>
                        </div>
                        <div class="ui-block-b">
                            <div class="seckill-item">
                                <div class="seckill-item-img">
                                    <img src="images/shampoo.jpg">
                                    <div class="float-hot">
                                        <span>热卖</span>
                                    </div>
                                </div>
                                <div class="seckill-item-price">
                                    <span class="seckill-new-price">￥99</span>
                                    <span class="seckill-old-price">￥199</span>
                                </div>
                            </div>
                        </div>
                        <div class="ui-block-c">
                            <div class="seckill-item">
                                <div class="seckill-item-img">
                                    <img src="images/drug.jpg">
                                    <div class="float-hot">
                                       <span> 超值</span>
                                    </div>
                                </div>
                                <div class="seckill-item-price">
                                    <span class="seckill-new-price">￥49.8</span>
                                    <span class="seckill-old-price">￥72</span>
                                </div>
                            </div>
                        </div>
                        <div class="ui-block-d">
                            <div class="seckill-item">
                                <div class="seckill-item-img">
                                    <img src="images/air-conditioning.jpg">
                                    <div class="float-hot">
                                        <span>值得买</span>
                                    </div>
                                </div>
                                <div class="seckill-item-price">
                                    <span class="seckill-new-price">￥1799</span>
                                    <span class="seckill-old-price">￥1899</span>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </article>
            <article class="section-wrapper">
                <div class="adv-red-wrapper">
                    <div class="adv-red-link">
                        <a href="#"><img src="images/floor_blank.png"></a>
                    </div>
                    <div class="adv-red-pics">
                        <div class="column-2">
                            <a href="#"><img class="adv-red-bigpic" src="images/adv-red-bigpic.jpg"></a>
                        </div><div class="column-2">
                            <div class="adv-red-nparent">
                                <a href="#"><img class="adv-red-npic" src="images/adv-red-pic-1.jpg"></a>
                                <a href="#"><img class="adv-red-npic" src="images/adv-red-pic-2.jpg"></a>
                            </div>
                        </div>
                    </div>
                </div>
            </article>
            <article class="section-wrapper">
                <div class="floor">
                    <div class="column-3 jd-hotpics">
                        <a><img src="images/hotPic/column-3-1.jpg"></a>
                    </div><!--
                    --><div class="column-3 jd-hotpics">
                        <a><img src="images/hotPic/column-3-2.jpg"></a>
                    </div><!--
                    --><div class="column-3 jd-hotpics">
                        <a><img src="images/hotPic/column-3-3.jpg"></a>
                    </div>
                </div>
                <div class="floor">
                    <div class="column-2 jd-hotpics">
                        <a><img src="images/hotPic/column-2-21.jpg"></a>
                    </div><!--
                    --><div class="column-2 jd-hotpics">
                    <a><img src="images/hotPic/column-2-22.jpg"></a>
                    </div>
                </div>
                <div class="floor">
                    <div class="column-2 jd-hotpics">
                        <a><img src="images/hotPic/column-2-31.jpg"></a>
                    </div><!--
                    --><div class="column-2 jd-hotpics">
                    <a><img src="images/hotPic/column-2-32.jpg"></a>
                </div>
                </div>
            </article>
            <article class="section-transparent-wrapper">
                <div class="adv-pic2-play margin-y padding-x">
                    <a><img src="images/adv-pic2-1.jpg"></a>
                </div>
            </article>
            <article class="section-wrapper">
                <div class="theme-street-goods">
                    <div class="goods-header">
                        <span>主题街</span>
                    </div>
                    <div class="floor">
                        <div class="column-2 goods-img">
                            <a><img src="images/themeStreet/first.jpg"></a>
                        </div><!--
                        --><div class="column-2 goods-img">
                            <div class="img-parent">
                                <a><img src="images/themeStreet/second.jpg"></a>
                            </div>
                             <div class="img-parent">
                                 <div class="column-2 goods-img goods-normal-img">
                                    <a><img src="images/themeStreet/normal1.jpg"></a>
                                 </div><!--
                                 --><div class="column-2 goods-img goods-normal-img">
                                      <a><img src="images/themeStreet/normal2.jpg"></a>
                                 </div>
                             </div>
                        </div>
                    </div>
                    <div class="floor">
                        <div class="column-4 goods-img goods-normal-img">
                            <a><img src="images/themeStreet/normal3.jpg"></a>
                        </div><!--
                        --><div class="column-4 goods-img goods-normal-img">
                            <a><img src="images/themeStreet/normal4.jpg"></a>
                        </div><!--
                        --><div class="column-4 goods-img goods-normal-img">
                             <a><img src="images/themeStreet/normal5.jpg"></a>
                        </div><!--
                        --><div class="column-4 goods-img goods-normal-img">
                             <a><img src="images/themeStreet/normal6.jpg"></a>
                        </div>
                    </div>
                    <div class="floor">
                        <div class="column-4 goods-img goods-normal-img">
                            <a><img src="images/themeStreet/normal7.jpg"></a>
                        </div><!--
                        --><div class="column-4 goods-img goods-normal-img">
                        <a><img src="images/themeStreet/normal8.jpg"></a>
                    </div><!--
                        --><div class="column-4 goods-img goods-normal-img">
                        <a><img src="images/themeStreet/normal9.jpg"></a>
                    </div><!--
                        --><div class="column-4 goods-img goods-normal-img">
                        <a><img src="images/themeStreet/normal10.jpg"></a>
                    </div>
                    </div>
                </div>
            </article>
            <article class="section-transparent-wrapper">
                <div class="adv-pic2-play margin-y padding-x">
                    <a><img src="images/adv-pic2-2.jpg"></a>
                </div>
            </article>
            <!-- 猜你喜欢 -->
            <article class="section-wrapper">
                <div class="enjoy-goods-wrapper">
                    <div class="section-header enjoy-goods-header">
                        <div class="float-left">
                            <span>猜你喜欢</span>
                        </div>
                        <div class="float-right">
                            <div class="login-icon">
                                <i class="love-login-icon"></i>
                            </div>
                            <div class="login-link">
                                登录后你更懂>
                            </div>
                        </div>
                    </div>
                    <div class="floor">
                       <ul class="love-list">
                           <li class="love-item column-2">
                                <a class="love-itme-link" href="#">
                                    <div alt="IJOY波西米亚女鞋玫紫色休闲沙滩拖鞋W501玫紫色37码" class="love-item-pic">
                                        <img src="images/loves/1-1.jpg">
                                    </div>
                                    <div class="love-item-title">
                                        <span>IJOY波西米亚女鞋玫紫色休闲沙滩拖鞋W501玫紫色37码</span>
                                    </div>
                                </a>
                               <div class="love-item-bottom">
                                        <span class="love-item-price">
                                            ￥
                                            <i>19.00</i>
                                        </span>
                                   <a href="#">
                                       <span class="love-item-icon">看相似</span>
                                   </a>
                               </div>
                           </li>
                           <li class="love-item column-2">
                               <a class="love-itme-link" href="#">
                                   <div alt="恒源祥（HYX）男士内裤 兰精粘纤中腰印花平角裤 U凸款裤头礼盒装 A组合 175/100(XL)" class="love-item-pic">
                                       <img src="images/loves/1-2.jpg">
                                   </div>
                                   <div class="love-item-title">
                                       <span>恒源祥（HYX）男士内裤 兰精粘纤中腰印花平角裤 U凸款裤头礼盒装 A组合 175/100(XL)</span>
                                   </div>
                               </a>
                               <div class="love-item-bottom">
                                        <span class="love-item-price">
                                            ￥
                                            <i>69.00</i>
                                        </span>
                                   <a href="#">
                                       <span class="love-item-icon">看相似</span>
                                   </a>
                               </div>
                           </li>
                           <li class="love-item column-2">
                               <a class="love-itme-link" href="#">
                                   <div alt="Carneyroad卡尼路男包单肩斜挎包商务休闲牛津布包黑色大号CR-107" class="love-item-pic">
                                       <img src="images/loves/2-1.jpg">
                                   </div>
                                   <div class="love-item-title">
                                       <span>Carneyroad卡尼路男包单肩斜挎包商务休闲牛津布包黑色大号CR-107</span>
                                   </div>
                               </a>
                               <div class="love-item-bottom">
                                        <span class="love-item-price">
                                            ￥
                                            <i>99.00</i>
                                        </span>
                                   <a href="#">
                                       <span class="love-item-icon">看相似</span>
                                   </a>
                               </div>
                           </li>
                           <li class="love-item column-2">
                               <a class="love-itme-link" href="#">
                                   <div alt="沃德百惠保温饭盒不锈钢三层保温桶防漏密封提锅多层餐盒 活力蓝" class="love-item-pic">
                                       <img src="images/loves/2-2.jpg">
                                   </div>
                                   <div class="love-item-title">
                                       <span>沃德百惠保温饭盒不锈钢三层保温桶防漏密封提锅多层餐盒 活力蓝</span>
                                   </div>
                               </a>
                               <div class="love-item-bottom">
                                        <span class="love-item-price">
                                            ￥
                                            <i>69.00</i>
                                        </span>
                                   <a href="#">
                                       <span class="love-item-icon">看相似</span>
                                   </a>
                               </div>
                           </li>
                           <li class="love-item column-2">
                               <a class="love-itme-link" href="#">
                                   <div alt="BOW航世 防摔透明手机壳保护套适用于苹果iphone6/6s/plus/4.7/5.5 4.7英寸6s/6(晶透白)+多功能挂绳" class="love-item-pic">
                                       <img src="images/loves/3-1.jpg">
                                   </div>
                                   <div class="love-item-title">
                                       <span>BOW航世 防摔透明手机壳保护套适用于苹果iphone6/6s/plus/4.7/5.5 4.7英寸6s/6(晶透白)+多功能挂绳</span>
                                   </div>
                               </a>
                               <div class="love-item-bottom">
                                        <span class="love-item-price">
                                            ￥
                                            <i>39.00</i>
                                        </span>
                                   <a href="#">
                                       <span class="love-item-icon">看相似</span>
                                   </a>
                               </div>
                           </li>
                           <li class="love-item column-2">
                               <a class="love-itme-link" href="#">
                                   <div alt="起点百分百 简易布衣柜 防尘防潮布衣橱折叠布艺衣柜 加固型储物柜非实木布衣柜 宿舍衣橱 粉色圆点" class="love-item-pic">
                                       <img src="images/loves/3-2.jpg">
                                   </div>
                                   <div class="love-item-title">
                                       <span>起点百分百 简易布衣柜 防尘防潮布衣橱折叠布艺衣柜 加固型储物柜非实木布衣柜 宿舍衣橱 粉色圆点</span>
                                   </div>
                               </a>
                               <div class="love-item-bottom">
                                        <span class="love-item-price">
                                            ￥
                                            <i>69.00</i>
                                        </span>
                                   <a href="#">
                                       <span class="love-item-icon">看相似</span>
                                   </a>
                               </div>
                           </li>
                           <li class="love-item column-2">
                               <a class="love-itme-link" href="#">
                                   <div alt="贝博氏 超大双面贝乐宝运动会加厚宝宝爬行垫爬爬垫 泡沫拼图 防滑地垫游戏毯(2米*2米)" class="love-item-pic">
                                       <img src="images/loves/4-1.jpg">
                                   </div>
                                   <div class="love-item-title">
                                       <span>贝博氏 超大双面贝乐宝运动会加厚宝宝爬行垫爬爬垫 泡沫拼图 防滑地垫游戏毯(2米*2米)</span>
                                   </div>
                               </a>
                               <div class="love-item-bottom">
                                        <span class="love-item-price">
                                            ￥
                                            <i>49.00</i>
                                        </span>
                                   <a href="#">
                                       <span class="love-item-icon">看相似</span>
                                   </a>
                               </div>
                           </li>
                           <li class="love-item column-2">
                               <a class="love-itme-link" href="#">
                                   <div alt="芭菲 电蚊拍充电式 高电量轻薄双网环保灭蚊拍 苍蝇拍大网面荧光绿" class="love-item-pic">
                                       <img src="images/loves/4-2.jpg">
                                   </div>
                                   <div class="love-item-title">
                                       <span>芭菲 电蚊拍充电式 高电量轻薄双网环保灭蚊拍 苍蝇拍大网面荧光绿</span>
                                   </div>
                               </a>
                               <div class="love-item-bottom">
                                        <span class="love-item-price">
                                            ￥
                                            <i>36.00</i>
                                        </span>
                                   <a href="#">
                                       <span class="love-item-icon">看相似</span>
                                   </a>
                               </div>
                           </li>
                       </ul>
                    </div>
                </div>
            </article>
            <footer class="bottom-bar-panel" data-role="footer" data-position="fixed">
                <ul class="horizontal-ul">
                    <li class="column-5">
                        <a class="nav-bottom-link" href="#main">
                            <img src="images/navigate/main.png">
                        </a>
                    </li>
                    <li class="column-5">
                        <a class="nav-bottom-link" href="#main">
                            <img src="images/navigate/category.png">
                        </a>
                    </li>
                    <li class="column-5">
                        <a class="nav-bottom-link" href="#main">
                            <img src="images/navigate/find.png">
                        </a>
                    </li>
                    <li class="column-5">
                        <a class="nav-bottom-link" href="#main">
                            <img src="images/navigate/shoppingCart.png">
                        </a>
                    </li>
                    <li class="column-5">
                        <a class="nav-bottom-link" href="#main">
                            <img src="images/navigate/myself.png">
                        </a>
                    </li>
                </ul>
            </footer>
        </section>
    </section>
    <script type="text/javascript" src="js/jquery.min.js"></script>
    <script type="text/javascript" src="js/jquery.mobile-1.4.5.min.js"></script>
    <script type="text/javascript" src="cordova.js"></script>
    <script type="text/javascript" src="js/jd.js"></script>
    <script type="text/javascript">
        app.initialize();
    </script>
</body>
</html>